<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
                <title>HelpFit</title>
            </f:facet>
        </h:head>
        <h:body>
            <h:form>
                <p:layout fullPage="true">
                    <p:layoutUnit  position="north" size="230" resizable="false" closable="false" collapsible="true">
                        <h:graphicImage url="/banner.jpg" width="1440" height="230"/>
                    </p:layoutUnit>
                    <p:layoutUnit position="west" size="259" collapsible="true">
                        <p:menu>
                            <p:submenu label="Menu">
                                <p:menuitem value="Inicio" outcome="index"/>
                                <p:menuitem value="Quem Somos " outcome ="quemsomos"/>
                                <p:menuitem value="Clubes Cadastrados"/>
                            </p:submenu>
                            <p:submenu label="Login">
                                <p:menuitem value="Usuario"/>
                                <p:menuitem value="Clube"/>
                                <p:menuitem value="Instrutor"/>
                            </p:submenu>
                            <p:submenu label="Cadastre-se">
                                <p:menuitem value="Usuario"/>
                                <p:menuitem value="Clube" outcome="CadastroClube"/>
                            </p:submenu>
                        </p:menu>
                    </p:layoutUnit>
                    <p:layoutUnit position="center">
                        <p:panel header="Cadastro de Clube">
                            <p:panelGrid columns="2">
                                <h:outputText value="Nome:"/>
                                <p:inputText required="true" value="#{managedBeanUsuario.usuario.nome}"/>
                                <h:outputText value="CPF:"/>
                                <p:inputMask required="true" mask="999.999.999-99" value="#{managedBeanUsuario.usuario.cpf}"/>
                                <h:outputText value="Data de Nascimento:(aaaa-MM-dd)"/>
                                <p:calendar id="inline" value="#{managedBeanUsuario.usuario.dataNascimento}"/>
                                <h:outputText value="Endereço:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.endereco}"/>
                                <h:outputText value="Número:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.numero}"/>                                
                                <h:outputText value="Complemento:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.complemento}"/>
                                <h:outputText value="Bairro:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.bairro}"/>
                                <h:outputText value="Cidade:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.cidade}"/>
                                <h:outputText value="Estado:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.estado}"/>
                                <h:outputText  value="Login:"/>
                                <p:inputText required="true" value="#{managedBeanUsuario.usuario.login}"/>
                                <h:outputText value= "Digite uma senha: "/>
                                <p:password value= "#{managedBeanUsuario.usuario.senha}" required="true" requiredMessage="A senha é obrigatória" validatorMessage="A senha deve ter pelo menos 4 dígitos" 
                                            feedback="true" weakLabel="Fraca" goodLabel="Boa" strongLabel="Forte" promptLabel="Digite a senha" id="senha1" match="senha2">
                                    <f:validateLength minimum="4"/>
                                </p:password>
                                <h:outputText value= "Digite novamente a senha: "/>
                                <p:password value= "#{managedBeanUsuario.usuario.senha}" required="true" requiredMessage="A senha é obrigatória" validatorMessage="As senhas não conferem" 
                                            id="senha2">
                                    <f:validateLength minimum="4"/>
                                </p:password>
                                <h:outputText value="Peso:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.peso}"/>
                                <h:outputText value="Altura:"/>
                                <p:inputText value="#{managedBeanUsuario.usuario.altura}"/>
                                <h:commandButton value="Confirmar" action="#{managedBeanUsuario.adicionarUsuario()}"/>
                                <p:button value="Cancelar" outcome="index"/>
                            </p:panelGrid>
                        </p:panel>
                    </p:layoutUnit>
                </p:layout>
            </h:form>
        </h:body>
    </f:view>
</html>

